* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
html,body{
	-webkit-user-select:none;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-tap-highlight-color:transparent;
	-webkit-user-select:none;
	-webkit-touch-callout:none;
	-webkit-touch-callout:none;
} 
body {margin:0px auto; background:url(../images/bg.jpg); color:#555; font-family:微软雅黑,sans-serif; width: 100%; font-size: 12px; overflow-x: hidden;}
div,ul,ol,dl,dt,dd,li,dl,h1,h2,h3,h4,h5,h6,p,pre,table,caption,th,td,form,input,button,select,textarea{margin:0; padding:0; list-style:none;}

header, article, section, aside, footer, figure, nav{display: block;}

a, a:visited {color:#555; text-decoration: none;
transition:all 0.3s;
-moz-transition:all 0.3s;
-ms-transition:all 0.3s;
-o-transition:all 0.3s;
-webkit-transition:all 0.3s;
}

a:hover{color:#ae000d; text-decoration: none;}


img {border:none; vertical-align:top;}
.clearfix:after{display: block; content: ""; clear:both;}

.b-blank10{margin:0 0 10px 0;}
.b-blank20{margin:0 0 20px 0;}
.b-blank30{margin:0 0 30px 0;}
.blank10{width:100%; height:10px;}
.blank20{width:100%; height:20px;}
.blank30{width:100%; height:30px;}
.l-blank25{float:left; width:25px; height:10px;}

@font-face {
	font-family: 'BEBAS';
	src:url('../font/BEBAS.eot'); 
	src: 
		url('../font/BEBAS.eot?#iefix') format('embedded-opentype'), 
		url('../font/BEBAS.woff') format('woff'), 
		url('../font/BEBAS.ttf') format('truetype'), 
		url('../font/BEBAS.svg#aGENCYR') format('svg');
}


/************************************************************共用部分开始************************************************************/
.main{width: 100%; margin: 0 auto; position: relative;}

@media screen and (min-width: 1200px){
	.main{width: 1200px;}
}
@media screen and (min-width: 992px) and (max-width: 1199px){
	.main{width: 100%; max-width:1000px;}
}
@media screen and (min-width: 768px) and (max-width: 991px){
	.main{padding: 0 15px;}
}
@media screen and (max-width: 767px){
	.main{padding: 0 15px;}
}


/*top*/
header{position: relative; background: #fff; z-index: 9999;}
header .top{background:#333333; height: 35px; line-height: 35px; color: #b4b4b4;}
header .top h2{float: left; font-size: 12px; font-weight: normal;}
header .top ul{float: right; position: relative; border-right: 1px solid #484848;}
header .top ul li{float: left; position: relative; z-index: 100;}
header .top ul li i{font-size: 12px;}
header .top ul li a,
header .top ul li a:visited{display: block; padding: 0 10px; border-left: 1px solid #484848; color: #b4b4b4;}
header .top ul li a:hover{color: #fff;}
header .top ul li .xl_sj_box{position: absolute; z-index: 110; left: 50%; top: 33px; margin: 0 0 0 -60px; padding: 10px 0 0 0; display:none;}
header .top ul li .xl_sj_box .xl_sj{background: #fff; box-shadow: 0 0 5px #c9c9c9; text-align: center; color: #888; line-height: 30px; position: relative; behavior:url(pie.htc);}
header .top ul li .xl_sj_box .xl_sj i{position: absolute; left: 50%; margin: 0 0 0 -12px; top: -12px; }
header .top ul li .xl_sj_box .xl_sj>img{float: left; width: 110px; height: 110px; background: #ccc; margin: 5px 5px 0 5px;}
header .top ul li:hover .xl_sj_box{display: block;}

header .logo{float: left; height: 127px; line-height: 127px;}
header .logo img{display: inline; vertical-align: middle;}

header .tel{float: right; margin-top: 35px; width: 270px;}
header .tel i{float: left; margin-right: 15px; margin-top: 2px; font-size: 48px; color: #ae000d;}
header .tel span{display: block; padding-top: 0; font-size: 14px;}
header .tel h2{font-size: 34px; color: #ae000d; line-height: 1; font-family:Impact; font-weight: normal;}

header .mmenu{position: absolute; right: 0px; top: 0px; bottom: 0px; width: 50px; text-align: center; display: none;}
header .mmenu i{color: #999; font-size: 24px; position: relative; top: 35%;}

@media screen and (min-width: 992px) and (max-width: 1199px){
	header .logo{height: 120px; line-height: 120px;}
	header .logo img{height: 50px;}
	
	header .tel{width: 250px;}
	header .tel i{margin-right: 12px; font-size: 45px;}
	header .tel h2{font-size: 32px;}
}
@media screen and (min-width: 768px) and (max-width: 991px){
	header .logo{height: 100px; line-height: 100px;}
	header .logo img{max-height: 45%;}
	
	header .tel{margin-top: 30px; width: 220px;}
	header .tel i{margin-right: 10px; font-size: 40px;}
	header .tel span{font-size: 12px;}
	header .tel h2{font-size: 28px;}
}
@media screen and (max-width: 767px){
	header{border-top: 3px solid #ae000d; box-shadow: 0 0 10px rgba(0,0,0,0.1);}
	header .top{display: none;}
	header .logo{height: 60px; line-height: 60px;}
	header .logo img{max-width: 80%; max-height: 60%;}
	
	header .tel{display: none;}
	
	header .mmenu{display: block;}
}

.nav {background: #ae000d; border-top: 3px solid #97000b;}
.nav ul{position: relative; z-index: 10; border-right: 1px solid #97000b;}
.nav ul li{position:relative; float:left; z-index:50; width: 12.5%; text-align: center;}
.nav ul li a{position: relative; display:block; font-size:16px; line-height: 55px; color: #fff; font-weight: bold; overflow: hidden; white-space: nowrap; border-left: 1px solid #97000b!important;}
.nav ul li a:hover,
.nav ul li a.on,
.nav ul li a.selected{background: #97000b; color: #ffd800;}
.nav ul li.on a{background: #97000b; color: #ffd800;}

* HTML .nav ul li a{display: inline-block}

.nav ul li ul{position: absolute; width:100%; visibility:hidden; z-index:999999; border-right: none;}
.nav ul li ul li{width: 100%; background: #fff; margin-left: 0px;}
.nav ul li ul li:before{display: none;}
.nav ul li ul li a{overflow:hidden; border-left: none!important; line-height:45px; height:45px; font-weight:normal; font-size: 12px; border-bottom: 1px solid #e7e7e7; color: #555;}
.nav ul li ul li a:after{display: none;}
.nav ul li ul li a.selected,
.nav ul li ul li a:hover{background:#97000b; color: #fff; font-weight: normal;}
.nav ul li ul li ul{width: 100%;}

* HTML .nav {height: 1%}
.downarrowclass {position: absolute; top: -1000px; right: 7px}
.rightarrowclass {position: absolute; top: 8px; right:15px}
.ddshadow {position: absolute; width: 0px; background:none transparent scroll repeat 0% 0%; height: 0px; top: 0px; LEFT: 0px}
.toplevelshadow {opacity: 0.0}
.nav ul li img{display: none;}

.nav ul li a:after{
	transition:all 0.3s;
	-moz-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-o-transition:all 0.3s;
	-webkit-transition:all 0.3s;
}
@media screen and (min-width: 992px) and (max-width: 1199px){
	.nav ul li a{font-size: 14px; line-height: 50px;}
}
@media screen and (min-width: 768px) and (max-width: 991px){
	.nav ul li a{font-size: 14px; line-height: 50px;}
}
@media screen and (max-width: 767px){
	.nav{display: none;}
}

/**/
footer{margin-top: 25px; background: #282b2d; overflow: hidden; color: #b3b3b3;}
footer .qt{border-bottom: 1px solid #393c3d; padding-top: 38px; padding-bottom: 25px;}
footer .qt ul{overflow: hidden;}
footer .qt ul li{float: left; width: 16.6%; padding-left: 15px;}
footer .qt ul li:first-child{padding-left: 0px;}
footer .qt ul li span{display: block; overflow: hidden; font-weight: bold;}
footer .qt ul li span i{float: left; margin-right: 12px; font-size: 35px; color: #fff; font-weight: normal;}
footer .qt ul li span b{margin-bottom: 5px; display: block; font-size: 16px; line-height: 1; text-transform: uppercase;}
footer .qt ul li p{padding-top: 10px; line-height: 22px;}

footer > ul{overflow: hidden;}
footer > ul li{float: left; width: 38.33%;}
footer > ul li:first-child+li+li{float: right; width: auto;}
footer > ul li .part4{padding-top: 30px; padding-bottom: 30px; font-size: 16px; font-weight: bold; line-height: 1; color: #fff;}
footer > ul li .part4:after{display: block; content: ""; width: 14px; height: 2px; background: #fff; margin-top: 20px;}

footer > ul li .f_menu{overflow: hidden; padding-right: 50px;}
footer > ul li .f_menu dd{float: left; margin-right: 10px; margin-bottom: 8px;}
footer > ul li .f_menu dd a,
footer > ul li .f_menu dd a:visited{display: block; width: 100px; line-height: 30px; text-align: center; border-radius: 3px; border: 1px solid #393c3d; color: #b3b3b3;}
footer > ul li .f_menu dd a:hover{border-color: #fff; color: #fff;}

footer > ul li .f_lxwm{line-height: 30px; margin-top: -5px;}

footer > ul li .f_ewm{overflow: hidden;}
footer > ul li .f_ewm dd{float: left; margin-left: 25px; text-align: center;}
footer > ul li .f_ewm dd:first-child{margin-left: 0px;}
footer > ul li .f_ewm dd img{margin-bottom: 8px; width: 103px;}

footer .foot{margin-top: 30px; border-top: 1px solid #393c3d; text-align: center; line-height: 60px; color: #fff;}

@media screen and (min-width: 992px) and (max-width: 1199px){
	footer .qt{padding-top: 35px; padding-bottom: 20px;}
	footer .qt ul li span i{font-size: 32px;}
	footer .qt ul li span b{font-size: 14px;}
	
	footer > ul li{float: left; width: 37%;}
	footer > ul li .part4{padding-top: 25px; padding-bottom: 25px; font-size: 14px;}
	footer > ul li .part4:after{margin-top: 15px;}
	
	footer > ul li .f_menu{padding-right: 0px;}
	
	footer > ul li .f_ewm dd{margin-left: 20px;}
	
	footer .foot{margin-top: 25px; line-height: 50px;}
}
@media screen and (min-width: 768px) and (max-width: 991px){
	footer .qt{padding-top: 30px; padding-bottom: 20px;}
	footer .qt ul li span i{font-size: 30px;}
	footer .qt ul li span b{font-size: 14px;}
	
	footer > ul li{float: left; width: 35%;}
	footer > ul li .part4{padding-top: 20px; padding-bottom: 20px; font-size: 14px;}
	footer > ul li .part4:after{margin-top: 15px;}
	
	footer > ul li .f_menu{padding-right: 20px;}
	footer > ul li .f_menu dd{margin-right: 0px; width: 33.33%}
	footer > ul li .f_menu dd a{width: auto; display: block; margin-right: 10px; line-height: 26px;}
	
	footer > ul li .f_lxwm{line-height: 25px;}
	
	footer > ul li .f_ewm dd{margin-left: 15px;}
	footer > ul li .f_ewm dd img{width: 90px;}
	
	footer .foot{margin-top: 20px; line-height: 40px;}
}
@media screen and (max-width: 767px){
	footer{margin-top: 15px;}
	footer .qt{padding-top: 30px; padding-bottom: 10px;}
	footer .qt ul li{width: 32.5%; float: none; display: inline-block; vertical-align: top; padding-left: 10px; padding-bottom: 15px;}
	footer .qt ul li span i{font-size: 28px;}
	footer .qt ul li:first-child,
	footer .qt ul li:first-child+li+li+li{padding-left: 0px;}
	footer .qt ul li span b{font-size: 12px;}
	footer .qt ul li p{line-height: 18px; font-size: 10px;}
	
	footer > ul li{float: none!important; width: auto!important;}
	footer > ul li:first-child{display: none;}
	footer > ul li .part4{display: none;}
	
	footer > ul li .f_lxwm{margin-top: 10px; margin-bottom: 15px; text-align: center; line-height: 24px;}
	
	footer > ul li .f_ewm{text-align: center;}
	footer > ul li .f_ewm dd{float: none; display: inline-block; margin: 0 5px;}
	
	footer .foot{margin-top: 15px; padding: 10px; line-height: 24px;}
}




/************************************************************共用部分结束************************************************************/